<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

<style>
    @media screen and (min-width:320px){
        html{
            font-size: 5px; !important;
        }
    }
    @media screen and (min-width:480px){
        html{
            font-size: 10px; !important;
        }
    }
    @media screen and (min-width:768px){
        html{
            font-size: 14px;!important;
        }
    }

    /*常规电脑1080p的字体大小*/
    @media screen and (min-width:960px){
        html{
            font-size: 16px;!important;
        }
    }
    @media screen and (min-width:1200px){
        html{
            font-size: 18px;!important;
        }
    }

    /*我现在分辨率的笔记本的字体大小*/
    @media screen and (min-width:1330px){
        html{
            font-size: 16px;!important;
        }
    }



    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;

    }

    .scrollbar::-webkit-scrollbar {
        width: 6px;
        background-color: rgba(217, 217, 217, 0.3);
    }

    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
        border-radius: 10px;
        background-color: rgba(240, 240, 240, .5);
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
        background-color: rgba(240, 240, 240, .5);
    }

    html{

        font-size:62.5%;
        overflow: hidden;
    }
    body {
        height: 100%;
        font-family:"Microsoft Yahei";
        font-size:1.2rem;
        /*background-color: var(--theme-color-background);*/
        /*background-image: url(/images/brickwall.png);*/
        /*background-repeat: repeat;*/
        /*background-attachment: fixed;*/

    }


</style>